<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	
	<title>Dropdown Menu</title>
	
	<link rel="stylesheet" href="css/style.css" type="text/css"/>
</head>

<body>

    <div id="container">
        <div id="left"><img src="images/menuleft.png"/></div>
        <div id="menu">
            <ul class="dropdown">
            	<li><a href="#">Home</a></li>
            	<li><a href="#">About Us</a></li>
            	<li><a href="#">Service</a>
                    <div class="droptop"></div>
            		<ul class="sub_menu">
            			 <li><a href="#">Web Development</a></li>
            			 <li><a href="#">Word Press</a></li>
            			 <li><a href="#">Graphic Design</a></li>
            			 <li><a href="#">Icon Design</a></li>
                         <li><a href="#">Motion Graphic</a></li>
            		</ul>
                    <div class="dropbot" ></div>
            	</li>
            	<li><a href="#">Works</a></li>
                <div id="logo"><img src="images/logo.png"/></div>
                <li><a href="#">Products</a></li>
                <li><a href="#">Testimonial</a>
                    <div class="droptop"></div>
            		<ul class="sub_menu">
            			 <li><a href="#">Web Development</a></li>
            			 <li><a href="#">Word Press</a></li>
            			 <li><a href="#">Graphic Design</a></li>
            			 <li><a href="#">Icon Design</a></li>
                         <li><a href="#">Motion Graphic</a></li>
            		</ul>
                    <div class="dropbot"></div>
                </li>
                <li><a href="#">Blog</a></li>
            	<li><a href="#">Contact Us</a></li>
            </ul>
        </div>
        <div id="right"><img src="images/menuright.png"/></div>
    </div>
    
</body>

</html>
